  
  *{
	  list-style: none;
  }
  #cont{
	  width: 1000px;
	  height: 600px;
	  margin:0 auto;
	  position: relative;
  }
  video {
        width: 500px;
        height: 250px;
        margin: 30px auto;
        display: block;
		border-radius:40px;
      }
	  #conference{
		  width: 150px;
		  height: 220px;
		  box-shadow: 1px 1px 1px 1px gray;
		  border-radius: 0px 3px 3px 0px ;
		  position: absolute;
		  left: 2px;
		  top: 125px;
		  clear: both;
		  background-color: white;	
		  z-index: 10;
	  }
	   #conference li{
		   width: 120px;
		   height: 30px;
		   margin-top: 20px;
		   margin-left: 15px;
		   text-align: center;
		   font-size: 15px;
		   line-height: 30px;
		   
	   }
	     #conference #msg li{
			 width: 100px;
			 height: 30px;
			 border: 1px solid grey;
			 float: left;
		 }
	     #conference li button{
			 width: 120px;
			 height: 30px;
			 margin: 0px auto;
			 border: none;
			 outline: none;
			 background-color: antiquewhite;
			 border-radius: 3px;
			 cursor: pointer;
		 }
		  #conference #msg{
			  width: 250px;
			  height: 600px;
			  background-color: antiquewhite;
			  position: absolute;
			  left: -250px;
			  top: -125px;
			  clear: both;
			  opacity: 0;
			  text-align: center;
			  overflow-x: hidden;
			  overflow-y: scroll;
					
		  }
		  #msg::-webkit-scrollbar {
		          display: none;
		      }

		  #conference ul{
			   width: 250px;
			   height: 600px;
			   position: absolute;
			   top: 20px;
			   left: -40px;
			  
		  }
	
	  #Camera{
		  width: 1000px;
		  height:600px;
		  border: 1px solid  lightyellow; 	
		  margin: 0 auto;
		  position: relative;
		  background-color: lightyellow; 	
	  }
	    #Camera p{
			text-align: center;
			position: absolute;
			left:400px ;
			top:232px ;
			position: absolute;
			opacity: 0.5;
			z-index: 3;
			color: black;
		}
		 #Camera #line{
			 width: 200px;
			 height: 200px;
			 border-style: dashed;
			 position: absolute;
			 left: 400px;
			 top: 40px;
			 z-index:3;
			 border-radius:56px;
			 border-color: aliceblue;
			 opacity: 0.5;
			 animation: move 1s linear infinite ;
		 }
		 @keyframes move {
		 	0%{opacity: 0.1;}
		 	20%{opacity: 0.3;}
		 	30%{opacity: 0.6;}
		 	40%{opacity: 0.9;}
		 	50%{opacity: 1;}
			70%{opacity: 0.9;}
			80%{opacity: 0.6;}
			90%{opacity: 0.3;}
			100%{opacity: 0.1;}
		 }
		 #box {
			 width:500px;
			 height:200px;
			 margin: 0 auto;
			 text-align: center;
		 }
		  #box #refaces,
		 #box #btn{
			width: 120px;
			height: 35px;
			margin-top: 20px;
			background-color: antiquewhite;
			border: none;
			outline: none;
			border-radius: 5px;
			cursor: pointer;
		 }
		 #box form{
			 margin-top: 20px;
		 } 
		 #box span{
			 font-size: 15px;
			 line-height: 15px;
		 }
		 #box #name{
			 width: 170px;
			 height: 25px;
			 line-height: 25px;
		 }
		 #box #btn2{
			 width: 80px;
			 height: 32px;
			 line-height: 25px;
			 background-color: aliceblue;
			 outline: none;
			 border: none;
			 cursor: pointer;
			 border-radius: 3px	;
		 }
		 #conference button:hover,
		   #box #refaces:hover,
		#box #btn2:hover,
		#box #btn:hover
		{
			background-color: aqua;
			color: aliceblue;
		}
		canvas{
			float: left;
		}
